<!DOCTYPE html>
<html>

<head lang="en">
	<meta charset="UTF-8">
	<link rel="stylesheet" href="./css/bootstrap.css" />
	<link rel="stylesheet" href="./font/iconfont.css" />
	<link rel="stylesheet" href="css/paging.css" />
	<link rel="stylesheet" href="./css/base.css" />
	<link rel="stylesheet" href="./css/head.css" />
	<link rel="stylesheet" href="./css/product_less.css" />
	<title>杨高亮做的</title>

</head>

<body>
	<div id="head"></div>

	<div class="pdp-banner"></div>

	<div class="container ">

		<div class=" list_nav list-unstyled float-left">
			<p class="list-nav-title">分类</p>
			<hr/>
			<ul class="list-none">
				<li class="li_out">
					<a class="ygl_xiaoshou" data-toggle="collapse" data-target="#d1" id="ygl_text_cole">所有球衣
					</a>
					<div id="d1" class="collapse navbar-collapse">
						<ul class="list-unstyled">
							<li class="ygl_lb_sz">Swingman</li>
							<li class="ygl_lb_sz">Replica</li>
							<li class="ygl_lb_sz">Authentic</li>
							<li class="ygl_lb_sz">Hardwood Classics</li>
						</ul>
					</div>
				</li>

				<li class="li_out">
					<a class="ygl_xiaoshou" data-toggle="collapse" data-target="#d2" id="ygl_text_cole">上装
					</a>
					<div id="d2" class="collapse navbar-collapse">
						<ul class="list-unstyled">
							<li class="ygl_lb_sz">T恤</li>
							<li class="ygl_lb_sz">卫衣</li>
							<li class="ygl_lb_sz">外套</li>
							<li class="ygl_lb_sz">紧身衣</li>
							<li class="ygl_lb_sz">羽绒服</li>
						</ul>
					</div>
				</li>

				<li class="li_out">
					<a class="ygl_xiaoshou" data-toggle="collapse" data-target="#d3" id="ygl_text_cole">配件
					</a>
					<div id="d3" class="collapse navbar-collapse">
						<ul class="list-unstyled">
							<li class="ygl_lb_sz">内裤</li>
							<li class="ygl_lb_sz">手机壳</li>
							<li class="ygl_lb_sz">毛巾</li>
							<li class="ygl_lb_sz">手环</li>
							<li class="ygl_lb_sz">运动护具</li>
							<li class="ygl_lb_sz">背包</li>
							<li class="ygl_lb_sz">袜子</li>
							<li class="ygl_lb_sz">帽子</li>
							<li class="ygl_lb_sz">眼镜</li>
							<li class="ygl_lb_sz">钥匙圈</li>
							<li class="ygl_lb_sz">球星卡</li>
							<li class="ygl_lb_sz">护腕</li>
							<li class="ygl_lb_sz">玩偶公仔</li>
							<li class="ygl_lb_sz">其他</li>
						</ul>
					</div>
				</li>

				<li class="li_out">
					<a class="ygl_xiaoshou" data-toggle="collapse" data-target="#d4" id="ygl_text_cole">篮球
					</a>
					<div id="d4" class="collapse navbar-collapse">
						<ul class="list-unstyled">
							<li class="ygl_lb_sz">橡胶篮球</li>
							<li class="ygl_lb_sz">PU篮球</li>
							<li class="ygl_lb_sz">真皮篮球</li>
						</ul>
					</div>
				</li>


				<li class="li_out">
					<a class="ygl_xiaoshou" data-toggle="collapse" data-target="#d5" id="ygl_text_cole">限量商品
					</a>
					<div id="d5" class="collapse navbar-collapse">
						<ul class="list-unstyled">
							<li class="ygl_lb_sz">签名产品</li>
							<li class="ygl_lb_sz">玩偶公仔</li>
							<li class="ygl_lb_sz">乔丹球衣</li>
						</ul>
					</div>
				</li>

				<li class="li_out">
					<a class="ygl_xiaoshou" data-toggle="collapse" data-target="#d6" id="ygl_text_cole">鞋子
					</a>
					<div id="d6" class="collapse navbar-collapse">
						<ul class="list-unstyled">
							<li class="ygl_lb_sz">篮球鞋</li>
							<li class="ygl_lb_sz">UA篮球鞋</li>
							<li class="ygl_lb_sz">休闲鞋</li>
							<li class="ygl_lb_sz">跑步鞋</li>
							<li class="ygl_lb_sz">训练鞋</li>
						</ul>
					</div>
				</li>

				<li class="li_out">
					<a class="ygl_xiaoshou" data-toggle="collapse" data-target="#d7" id="ygl_text_cole">女子
					</a>
					<div id="d7" class="collapse navbar-collapse">
						<ul class="list-unstyled">
							<li class="ygl_lb_sz">卫衣</li>
							<li class="ygl_lb_sz">夹克</li>
							<li class="ygl_lb_sz">T恤</li>
							<li class="ygl_lb_sz">休闲鞋</li>
							<li class="ygl_lb_sz">篮球</li>
							<li class="ygl_lb_sz">眼镜</li>
							<li class="ygl_lb_sz">运动长裤</li>
							<li class="ygl_lb_sz">球衣</li>
							<li class="ygl_lb_sz">连衣裙</li>
						</ul>
					</div>
				</li>

				<li class="li_out">
					<a class="ygl_xiaoshou" data-toggle="collapse" data-target="#d8" id="ygl_text_cole">儿童
					</a>
					<div id="d8" class="collapse navbar-collapse">
						<ul class="list-unstyled">
							<li class="ygl_lb_sz">卫衣</li>
							<li class="ygl_lb_sz">T恤</li>
							<li class="ygl_lb_sz">球衣</li>
							<li class="ygl_lb_sz">篮球</li>
							<li class="ygl_lb_sz">外套</li>
							<li class="ygl_lb_sz">裤装</li>
						</ul>
					</div>
				</li>

				<li class="li_out">
					<a class="ygl_xiaoshou" data-toggle="collapse" data-target="#d9" id="ygl_text_cole">品牌
					</a>
					<div id="d9" class="collapse navbar-collapse">
						<ul class="list-unstyled">
							<li class="ygl_lb_sz">NEW ERA</li>
							<li class="ygl_lb_sz">ENTERBAY</li>
							<li class="ygl_lb_sz">UA</li>
							<li class="ygl_lb_sz">SPALDING 篮球</li>
							<li class="ygl_lb_sz">NBA X STANCE</li>
							<li class="ygl_lb_sz">Converse</li>
							<li class="ygl_lb_sz">NBA</li>
							<li class="ygl_lb_sz">TISSOT</li>
							<li class="ygl_lb_sz">Nike</li>
							<li class="ygl_lb_sz">MITCHELL&NESS</li>
							<li class="ygl_lb_sz">Jordan</li>
							<li class="ygl_lb_sz">NBA Style</li>
						</ul>
					</div>
				</li>

				<li class="li_out">
					<a class="ygl_xiaoshou" data-toggle="collapse" data-target="#d10" id="ygl_text_cole">下装
					</a>
					<div id="d10" class="collapse navbar-collapse">
						<ul class="list-unstyled">
							<li class="ygl_lb_sz">球裤</li>
							<li class="ygl_lb_sz">运动长裤</li>
							<li class="ygl_lb_sz">短裤</li>
						</ul>
					</div>
				</li>

				<li class="li_out">
					<a class="ygl_xiaoshou" data-toggle="collapse" data-target="#" id="ygl_text_cole">所有商品
					</a>
				</li>
			</ul>

			<p class="list-nav-title_2">价格区间</p>
			<hr/>
			<div>
				<ul class="list-none">
					<li>
						<input type="radio" name="radio-set" checked="checked" class="a1">￥1-199</li>
					<li>
						<input type="radio" name="radio-set" class="a2">￥200-399</li>
					<li><input type="radio" name="radio-set" class="a2">￥400-599</li>
					<li><input type="radio" name="radio-set" class="a2">￥600及以上</li>
				</ul>
			</div>
			<hr/>
			<div class="ygl_ql_out mt-2">
				<button class="btn ygl_btn_qc border">清除筛选</button>
			</div>
		</div>
		<div class="float-left bg-white " id="ygl_rl_bg">
			<div class=" d-flex ygl_title_top">
				<a href="" class="ygl_p1">
					<span class="align-left text-dark font-weight-bold   ">排序:</span>
				</a>
				<div class="ygl_rl_tt">
					<ul class="d-flex list-unstyled ygl_title_height">
						<li class="active">
							<a href="" class="ygl_rl_top">按新品</a>
						</li>
						<li class="ygl_tt_d2">
							<a href="" class="ygl_tt_dd2">按热销</a>
						</li>
						<li class="ygl_tt_d2 ">
							<a href="" class="ygl_tt_dd2">按价格(低-高)</a>
						</li>

						<li class="ygl_tt_d2">
							<a href="" class="ygl_tt_dd2">按价格(高-低)</a>
						</li>
						<li class="ygl_tt_d2">
							<a href="" class="ygl_tt_dd2">按折扣(高-低)</a>
						</li>
					</ul>
				</div>
				<div class="float-right pt-2">
					<select name="limit" id="ygl_xl">
						<option value="20">每页20件商品</option>
						<option value="24">每页24件商品</option>
						<option value="28">每页28件商品</option>
						<option value="32">每页32件商品</option>
					</select>
				</div>
			</div>

			<div class="row" id="ygl_pruduct"></div>
			<div><div class="box" id="box"></div></div>
		</div>
	</div>
	
	<iframe src="foot.html" id="footer" scrolling="no"></iframe>

	<script type="text/html" id="tpl_ygl_procuct">
		<div class="col-md-3">
			<a href="proudect.html?pid={{pid}}" class="ygl_a_color">
				<img src="{{pimg}}" alt="" class="ygl_img_d1" />
				<h6 class="ygl_img_d2">{{title}}</h6>
				<p>
					<span class="font-weight-bold">¥{{price}}</span>
				</p>
			</a>
		</div>
	</script>

	<script src="js/jquery-3.3.1.js"></script>
	<script src="js/jquery.cookie.js"></script>
	<script src="js/template-web.js"></script>
	<script src="js/popper.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/paging.js"></script>
	<script src="js/head.js"></script>
	<script src="js/proudect_less.js"></script>

</body>

</html>
